/*
* @Author: 李杏华
* @Date:   2020-01-07 08:16:27
* @Last Modified by:   李华
* @Last Modified time: 2020-04-02 20:51:16
*/
 //导航栏下拉
      	var obox=document.getElementById('box');
      	var list=obox.children;
      	for(var i=0;i<list.length;i++){
      		list[i].onmouseenter=function(){
      			this.setAttribute('class','current');
      			//如果只有一句话的
      			if(this.children.length==0){
      				return;
      			}
      			this.children[0].setAttribute('class','current');
      		}
      		list[i].onmouseleave=function(){
      			this.removeAttribute('class');
      			if(this.children.length==0) return;
      			this.children[0].removeAttribute('class');
      		}
      	}
       //搜索框效果
       $('.search>li').mouseenter(function() {
       	//左边栏效果
       if($(this).index()<3){$(this).css({'background':'white','border-right':'none'});	
       $(this).siblings('li').css({'background':'','border-right':'1px solid #D7D7D7'});  }   
       $('.con_left>ul').eq($(this).index()+1).css('display', 'block');

       $('.con_left>ul').eq($(this).index()+1).siblings('ul').css('display', 'none');
       $('.con_left>ul').eq(0).css('display', 'block');           
       });
       //第一个轮播图
       var num=0;
       var timer;
       function go(){
        timer=setInterval(function(){
       	    num=num+2;
       	    // if(num>3) num=0;
       	    // console.log(num);
       	 
       	    // console.log(a);
       	    if(num>4)
        			{
        				num=0; 
                        $('.scoll_1').css('left', -445*num+'px'); 
                        num=2;
        			}
                     var a=-445*num+'px';      
            $('.scoll_1').stop().animate({'left':a});
        
       },3000);}
       go();
        $('.scoll_1').hover(function() {
              clearInterval(timer);
        }, function() {
              go();
        });
       $('.scoll_last').click(function(event) {
             num=num-2;
             if(num<0){
                  num=6; 
                  $('.scoll_1').css('left', -445*num+'px');
                  num=4;  
                  // $('.scoll_1').animate({'left':-445*num+'px'},300);  console.log(num);       
             }
             $('.scoll_1').animate({'left':-445*num+'px'},300);  
       });
       $('.scoll_next').click(function(event) {
             num=num+2;
             if(num>4){
                  num=0; 
                  $('.scoll_1').css('left', -445*num+'px');
                    num=2;
                  // $('.scoll_1').animate({'left':-445*num+'px'},300);  console.log(num);       
             }
             $('.scoll_1').animate({'left':-445*num+'px'},300); 
       });

       //第二个轮播图
       var m=0;
       var timer1;  
       function goto(){         
       timer1=setInterval(function(){
           m=m+2; 
           if(m>6) {
            m=0;         
            $('.scoll_2').css('left', -424*m+'px');                     
            m=2;
           }  
            $('.scoll_2').stop().animate({'left':-424*m+'px'});
           // 导航点变色
           $('.scoll_nav').children().eq(m/2-1).css('background','green');
           $('.scoll_nav').children().eq(m/2-1).siblings('span').css('background','');
           // console.log(m/2-1);

       },3000);
      }
      goto();
       $('.scoll_2').hover(function() {
              clearInterval(timer1);
        }, function() {
              goto();
        });
       // 左边
       $('.scoll_last1').click(function(event) {
             m=m-2;
             if(m<0){
            m=6;
            $('.scoll_2').css('left', -424*num+'px');
            m=4;           
            }
            $('.scoll_nav').children().eq(m/2-1).css('background','green');
            $('.scoll_nav').children().eq(m/2-1).siblings('span').css('background','');
            $('.scoll_2').stop().animate({'left':-424*m+'px'});
       });
       // 右边
        $('.scoll_next1').click(function(event) {
             m=m+2;
             if(m>6){
             m=0;         
       $('.scoll_2').css('left', -424*m+'px');            
            m=2;           
            }
            $('.scoll_nav').children().eq(m/2-1).css('background','green');
            $('.scoll_nav').children().eq(m/2-1).siblings('span').css('background','');
            $('.scoll_2').stop().animate({'left':-424*m+'px'});
       });
      
    //特色专区的下拉框
       $('.line_1').mouseenter(function(event) {
             $('.ban1').css('display','block');
       });

       $('.banner_1').mouseleave(function(event) {
             $('.ban1').css('display','none');
       });

    //最后一个下拉选框
    $('.hot_ol').children().mouseenter(function(e) {
          $(this).css({'border-bottom':'none','background':'white'});
          $(this).siblings('li').css({'border-bottom':'1px solid #e0e0e0','background':'none'});
    });
    //第一个
    // var a=['君临世纪','吴川奥园冠军城','卓越御湖湾','山海华府','正信城市','印象昌茂·新濠国际','海怡湾','君临世纪','吴川奥园冠军城','卓越御湖湾']
  var a=[['山海华府','正信城市印象','昌茂·新濠国际','海怡湾','君临世纪','吴川奥园冠军城','卓越御湖湾'],
      ['徐闻山湖海海泊湾','宝江天盈','湛江招商国际邮轮城','瑞航华庭','华润置地湛江桃源里','廉江碧桂园君悦华庭','绿地新里海玥公馆'],
      ['碧桂园公园首府','湛江爱琴海国际广场','卓越·维港','御景公园里',' 敏捷悦江府',' 广弘天誉澜湾','财富海岸'],
      ['雷州世耀中心城','吴川海景苑','时代君悦','科恒·荟景湾','远洋城',' 徐闻碧桂园·凯旋城','恒大外滩'],
      ['鼎龙湾国际海洋度假区','中金时代广场','','','','',''],   
  ]
           
  var b=[
      ['南国豪苑','君临海岸','恒大绿洲','年丰豪庭','同德城','飞鹏万荟世界','金沙湾'],
      ['华盛新城','幸福花园(廉江)','荣盛南亚郦都','兴华广场','银帆花园','启达东海岸','沿江华庭'],
      ['明景江南世家','鼎能东盟','城鼎盛广场','城市汇峰','水木清华','佳和广场','天和花园'],
      ['富通城','安粮蓝海城市广场','威雅沿江半岛','金沙湾豪璟园','碧桂园名门花园','华都汇','南油北苑'],
      ['金碧花园','山湖海上城','','','','',''],
      ]

var c=[
['上海房产网','青岛房产网','南京房产网','成都房产网','天津房产网','大连房产网','广州房产网'],
['杭州房产网','深圳房产网','武汉房产网','苏州房产网','重庆房产网','佛山房产网','东莞房产网'],
['长沙房产网','北京房产网','厦门房产网','石家庄房产网','无锡房产网','三亚房产网','惠州房产网'],
['海房产网','珠济南房产网','太原房产网','海口房产网','沈阳房产网','西安房产网','郑州房产网'],
['合肥房产网','昆山房产网','哈尔滨房产网','州房产网','福昆明房产网','长春房产网','南昌房产网'],
]

var d=[
['上海房价','青岛房价','南京房价','成都房价',' 天津房价','大连房价','广州房价'],
['杭州房价','深圳房价','武汉房价','苏州房价','重庆房价','佛山房价','东莞房价'],
['长沙房价','北京房价','厦门房价','石家庄房价','无锡房价','三亚房价','惠州房价'],
['珠海房价','济南房价','太原房价','海口房价','沈阳房价','西安房价','郑州房价'],
['合肥房价','昆山房价','哈尔滨房价','福州房价','昆明房价','长春房价','南昌房价'],
]

var e=[
['上海新房','青岛新房','南京新房','成都新房','天津新房','大连新房','广州新房'],
['杭州新房','深圳新房','武汉新房','苏州新房','重庆新房','佛山新房','莞新房'],
['东长沙新房','北京新房','厦门新房','石家庄新房','无锡新房','三亚新房','惠州新房'],
['珠海新房','济南新房','太原新房','海口新房','沈阳新房','西安新房','郑州新房'],
['合肥新房','昆山新房','哈尔滨新房','福州新房','昆明新房','长春新房','南昌新房'],
]

var f=[
['上海房产网','青岛房产网','南京房产网','成都房产网','天津房产网','大连房产网','广州房产网'],
['杭州房产网','深圳房产网','武汉房产网','苏州房产网','重庆房产网','佛山房产网','东莞房产网'],
['长沙房产网','北京房产网','厦门房产网','石家庄房产网','无锡房产网','三亚房产网','惠州房产网'],
['珠海房产网','济南房产网','太原房产网','海口房产网','沈阳房产网','西安房产网','郑州房产网'],
['合肥房产网','昆山房产网','哈尔滨房产网','福州房产网','昆明房产网','长春房产网','南昌房产网'],
]

var g=[
['哈尔滨二手房','吉林二手房','北京二手房','镇江二手房','潍坊二手房','贵阳二手房','泰州二手房'],
['南宁二手房','廊坊二手房','沈阳二手房','大连二手房','徐州二手房','绍兴二手房','无锡二手房'],
['珠海二手房','中山二手房','济南二手房','上海二手房','石家庄二手房','南昌二手房',''],
['','','','','','',''],
['','','','','','',''],
]

var h=[
['上海租房','成都租房','广州租房','合肥租房','南京租房','济南租房','珠海租房'],
['北京租房','杭州租房','昆明租房','洛阳租房','深圳租房','徐州租房','宜昌租房'],
['吉林租房','海口租房','贵阳租房','南昌租房','惠州租房','镇江租房',''],
['','','','','','',''],
['','','','','','',''],
]

  var arr=[a,b,c,d,e,f,g,h]
  console.log(c[1][0][0]);
 $('.hot_ol').children().mouseenter(function(event) {
      var x=$(this).index()
if(x==0){
      $('.hot p').css('display', 'block');
      $('.hot span').html('新房热门城市:')
}else if(x==1){
      $('.hot p').css('display', 'block');
      $('.hot span').html('二手房热门城市:')
}else{
      $('.hot p').css('display', 'none');
}

for(var j=0;j<10;j++){
      for(var i=0;i<$('.hot_ul').children().length;i++){
          $('.hot_ul').children().eq(i).children().eq(j).html(arr[x][j][i]);      
 }
}

 });

// 侧边栏
// $(window).scroll(function(event) {
//       if($(window).scrollTop()>$(window).height()){
//            $('.bottom_p').show();
//       }else{
//            $('.bottom_p').fadeOut();
//       }
// });

$(window).scroll(function(event) {
                        // 窗口滚动的时候触发
                        console.log($(window).height());
                        // scrollTop()滚动坐标
                        if($(window).scrollTop()>$(window).height()){
                              $('.bottom_p').show();
                              $('.bottom_p').css('background', '#62ab00');
                        }else{
                              $('.bottom_p').fadeOut()
                        }
                  });
$('.bottom_p').click(function(event) {
                     // 设置滚动坐标 
                     $('html,body').animate({'scrollTop':'0px'});
               });
  


